<script setup lang="ts">
const props = defineProps({
  mode: {
    required: true,
    type: Number
  },
  state: {
    required: true,
    type: Number
  }
})
</script>

<template>
  <el-steps :space="180" :active="props.state" finish-status="success" process-status="finish">
    <el-step :title="props.state < 1? '待分配': '已分配'" />
    <el-step :title="props.state < 2? '待运输' : '运输中'" />
    <el-step :title="props.state < 3? '待结算' : '已结算'" />
    <el-step :title="props.state < 4? '待结束' : '已结束'" />
  </el-steps>
</template>

